<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #header{
            width:750px;
        }
        #header .h3{
            font-size: 30px;
        }
        #header .more{
            color:#5B666B;
            float: right;
        }
        #header .ul{
            list-style: none;
        }
        #header .ul li{
            float:left;
            padding:20px;
        }
    </style>
</head>
<body>
<div id="header">
    <h3 class="h3">热门活动<span class="more">更多</span></h3>
    <ul class="ul">
        <li><img src="img/img1.png"><br>推荐活动 | 原创音乐现金榜T榜</li>

        <li><img src="img/img2.png"><br>推荐节目|《TAImusic》爆笑来袭</li>

        <li><img src="img/img3.png"><br>推荐歌单 | 继续宠爱张国荣</li>

        <li><img src="img/img4.png"><br>推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</li>
    </ul>
</div>
</body>
</html>